import Qt 4.7

Rectangle {
    id: self
    width: 450
    height: 114
    radius: 10
    clip: true

    signal clicked()

    gradient: Gradient {
        GradientStop { position: 0.0; color: "#427AB8" }
        GradientStop { position: 1.0; color: "#618AB8" }

    }

    Rectangle {
        anchors.fill: parent
        color: "black"
        opacity: mouseArea.pressed?0.2:0.0
        Behavior on opacity {
            NumberAnimation {
                duration: 150
            }
        }
    }

    Image {
        id: img
        height: 94
        width: 90
        asynchronous: true
        fillMode: Image.PreserveAspectCrop
        clip: true
        source: screenshot
        anchors {
            left: parent.left
            leftMargin: 9
            verticalCenter: parent.verticalCenter
        }        
    }

    Text {
        id: nameText
        anchors {
            top: img.top
            left: img.right
            leftMargin: 9
        }
        font.pixelSize: 24
        font.family: "Nokia Standard"
        text: name
    }

    Text {
        anchors {
            top: nameText.bottom
            topMargin: 6
            bottom: img.bottom
            left: img.right
            leftMargin: 9
            right: parent.right
            rightMargin: 9
        }
        clip: true
        wrapMode: Text.WordWrap
        font.pixelSize: 16
        font.family: "Nokia Standard"
        text: desc
    }

    MouseArea {
        id: mouseArea
        anchors.fill: parent
        onClicked: {
            starter.start(binary);
        }
    }
}
